/* 游戏大厅样式 */

/* 设置用户信息的展示框样式 */
#screen {
    width: 400px;
    height: 200px;
    /* 设置文字样式 */
    font-size: 20px;
    /* 设置背景颜色 */
    background-color: gray;
    /* 设置文字颜色 */
    color: white;
    /* 把边框的棱角钝化 */
    border-radius: 10px;
    /* 设置玩家信息内部位置 */
    text-align: center;
    /* 两行文本 */
    line-height: 100px;
}

/* 设置匹配按钮的样式 */
#match-button {
    width: 400px;
    height: 50px;
    /* 设置字体样式 */
    font-size: 20px;
    color: white;
    /* 设置背景颜色 */
    background-color: orange;
    /* 去除边框与轮廓线 */
    border: none;
    outline: none;
    /* 把边框的棱角钝化 */
    border-radius: 10px;
    /* 设置文字位置 */
    text-align: center;
    /* 使文字垂直居中 */
    line-height: 50px;
    /* 增加与上面 div 的间距 */
    margin-top: 20px;
}

/* 设置按钮被点击后的样式 */
#match-button:active {
    background-color: gray;
}